<template>
  <div>
    <div id="order-header">
      <!-- 回退标识 -->
      <div class="huitui" @click="back()">
        <span class="iconfont zuojiantou"></span>
      </div>
      <a href="">我的订单</a>
      <a href="">我的影片</a>
      <a href="">开发票</a>
    </div>
  </div>
</template>

<script>
export default {
  name: "Theorder",
  methods: {
    back() {
      this.$router.back();
    },
  }
};
</script>

<style scoped>
@import url("../../../assets/iconfont/iconfont.css");
a{color: black;}
#order-header {
  width: 100%;
  height: 0.48rem;
  display: flex;
  background-image: linear-gradient( to right, #93bcea, #afa6ef, #e1e9fe, #c4e8fa );
  border-bottom: .02rem solid gray;
  justify-content: space-around;
  align-items: center;
  /* padding-left: .15rem; */
  box-sizing: border-box;
}
#order-header a:nth-child(3){
  margin-right: .16rem;
}
</style>